html { background: #FFF; padding: 0; }
body { font-family: "\5b8b\4f53"; color: #000; background: #FFF; }
body, input, textarea, select { font-size: 12px; }
body, h1, h2, h3, h4, ul, li, dl, dt, dd, p, form { display: block; margin: 0; padding: 0; }
a { color: #00F; text-decoration: none; cursor: pointer; }
a:hover { color: #333; }
img { border: none; display: block; }
ul { list-style-type: none; }
.red { color: #F30; }
.page-header { background: #FFF; height: 38px; }
.page-footer { background: #FFF; overflow: hidden; }
.wrap1 { background: url(header1_bg.jpg) repeat-x 0 top; }
.wrap1 .header { background: url(header1.jpg) no-repeat center top; height: 550px; margin: 0 0 20px 0; overflow: hidden; }
.wrap1 .header img { width: 1000px; height: 550px; margin: 0 auto; }
.wrap2 { background: url(header2_bg.jpg) repeat-x 0 top; }
.wrap2 .header { background: url(header2.jpg) no-repeat center top; height: 300px; margin: 0 0 10px 0; overflow: hidden; }
.wrap2 .header img { width: 1000px; height: 300px; margin: 0 auto; }
.area { width: 1000px; margin: 0 auto; position: relative; }
.area .ad { padding: 0 0 20px 0; }
.area .focus { background: url(focus_bg.jpg); height: 500px; margin: 0 0 20px 0; overflow: hidden; zoom: 1; }
.area .focus .news { width: 520px; padding: 35px 20px 25px 20px; float: left; overflow: hidden; }
.area .focus .news h3 { font-family: "微软雅黑"; font-size: 20px; height: 25px; line-height: 25px; white-space: nowrap; text-align: center; padding: 0 0 5px 0; overflow: hidden; }
.area .focus .news h3 a { color: #3EB87A; }
.area .focus .news h3 a:hover { color: #333; }
.area .focus .news p { color: #333; line-height: 150%; padding: 0 0 10px 0; margin: 0; text-indent: 2em; }
.area .focus .news p a { color: #03C; }
.area .focus .news p a:hover { color: #000; }
.area .focus .news .pic { width: 510px; height: 180px; padding: 30px 0 0 5px; _padding-top: 0; overflow: hidden; zoom: 1; }
.area .focus .news .pic ul { width: 540px; overflow: hidden; }
.area .focus .news .pic ul li { line-height: 140%; float: left; width: 160px; height: 180px; padding: 0 15px 0 0; text-align: center; }
.area .focus .news .pic ul li img { width: 160px; height: 110px; margin: 0 0 10px 0; }
.area .focus .news .pic ul li a { color: #333; }
.area .focus .news .pic ul li a:hover { color: #096; }
.area .focus .reg { width: 380px; padding: 30px 30px 5px 0; float: right; position: relative; }
.area .focus .reg table { height: 300px; }
.area .focus .reg .required { color: #F90; display: block; float: left; padding: 3px 5px 0 10px; }
.area .focus .reg .required-none { width: 6px; display: block; float: left; padding: 5px 5px 0 10px; }
.area .focus .reg .required-tip { color: #F90; position: absolute; right: 30px; top: 40px; }
.area .focus .reg strong { color: #960; font-size: 14px; color: #960; padding: 3px 5px 0 0; display: block; float: left; }
.area .focus .reg .note span { color: #666; background: url(icon_note.png) no-repeat left 0; padding: 0 0 0 20px; display: block; float: right; height: 16px; line-height: 18px; overflow: hidden; }
.area .focus .reg .note a { color: #F60; font-weight: bold; }
.area .focus .reg .note a:hover { color: #C60; }
.area .focus .reg .tip { color: #999; text-align: right; }
.area .focus .reg .inpt, .area .focus .reg form textarea { display: block; float: left; width: 100px; padding: 1px; border: 1px solid #A4CED1; }
.area .focus .reg textarea { overflow: auto; }
.area .focus .reg .rule { display: block; float: left; line-height: 24px; padding: 2px 0 0 85px; }
.area .focus .reg .rule a { color: #C90; }
.area .focus .reg .rule a:hover { color: #666; }
.area .focus .reg .verify-row strong { line-height: 24px; }
.area .focus .reg .verify-row .inpt { margin: 5px 0 0 0; }
.area .focus .reg .verify-row .required { line-height: 30px; }
.area .focus .reg .submit { background: #FFF url(btn_submit.png); text-indent: 99em; width: 76px; height: 24px; display: block; float: right; border: 0; padding: 0; margin: 0; cursor: pointer; }
.area .focus .reg .verify-pic { display: block; float: left; padding: 2px 0 0 5px; }
.area .focus .reg .verify-pic img { width: 70px; height: 24px; cursor: pointer; }
.area .focus .reg .video { width: 380px; height:290px; clear: both; overflow: hidden; zoom: 1; }
.area .focus .reg .pic-list { width: 380px; padding: 35px 0 0 0; clear: both; overflow: hidden; zoom: 1; }
.area .focus .reg .pic-list ul { clear: both; overflow: hidden; }
.area .focus .reg .pic-list ul li { float: left; width: 108px; height: 116px; text-align: center; padding: 10px; }
.area .focus .reg .pic-list ul li a { color: #333; width: 108px; display: block; text-align: center; overflow: hidden; }
.area .focus .reg .pic-list ul li a:hover { color: #F60; }
.area .focus .reg .pic-list ul li a img { margin: 0 auto 5px auto; display: block; }
.area .focus .cutoff { position: relative; }
.area .focus .cutoff a { display: block; width: 200px; height: 70px; position: absolute; top: 270px; left: 105px; }
.area .focus .cutoff a img { display: block; width: 200px; height: 70px; }
#title { width: 294px; }
#content { width: 294px; }
#summary { width: 294px; height: 45px; }
#verify { width: 45px; }
.area .show { background: url(box_bg.png) repeat-y; overflow: hidden;zoom: 1; }
.area .show .inner1 { background: url(box_t.png) no-repeat 0 top; overflow: hidden; zoom: 1; }
.area .show .inner2 { background: url(box_b.png) no-repeat 0 bottom; overflow: hidden; zoom: 1; }
.area .show .inner3 { background: url(l1.png) repeat-y 680px 0; overflow: hidden; zoom: 1; }
.area .show .tt { padding: 10px 0 10px 23px; height: 53px; overflow: hidden; position: relative; zoom: 1; }
.area .show .tt .pic-title { float: left; text-align: left; }
.area .show .tt .text-title { width: 280px; position: absolute; left: 25px; top: 15px; }
.area .show .tt h2 { color: #008CE3; font-family: "微软雅黑"; font-size: 36px; }
.area .show .tt h2 span { font-size: 22px; padding: 0 0 0 10px; }
.area .show .tt .guide { background: url(guide.jpg) no-repeat; width: 360px; height: 60px; margin: 0 0 0 -180px; position: absolute; left: 501px; top: 10px; }
.area .show .tt .guide .ga { font-size: 14px; font-weight: bold; float: left; width: 180px; text-align: center; line-height: 60px; }
.area .show .tt .guide .gr { float: right; }
.area .show .tt .guide .ga a { color: #00A4CC; }
.area .show .tt .guide .ga a:hover { color: #333; }
.area .show .tt .vote { position: absolute; right: 20px; top: 7px; }
.area .show .tt .vote a { color: #FF3; font-size: 16px; font-weight: bold; background: url(btn_vote2.png) no-repeat; text-align: center; line-height: 38px; display: block; width: 82px; height: 60px; }
.area .show .tt .vote a:hover { color: #FFF; background: url(btn_vote2.png) no-repeat -82px 0; text-align: center; line-height: 38px; display: block; width: 82px; height: 60px; }
.area .show .tt .kind { font-size: 14px; color: #CCC; float: right; padding: 30px 20px 0 0; }
.area .show .tt .kind a { color: #666; }
.area .show .tt .kind a:hover { color: #0466CB; }
.area .show .tt .kind a strong { color: #060; }
.area .show .fl { width: 680px; float: left; overflow: hidden; }
.area .show .fr { width: 320px; float: right; overflow: hidden; }
.area .show .list { padding: 0 35px; overflow: hidden; zoom: 1; }
.area .show .list ul { width: 710px; padding: 50px 0 0 0; }
.area .show .list ul li { width: 130px; float: left; padding: 0 30px 70px 0; }
.area .show .list ul li .pic { padding: 0 0 10px 0; display: block; text-align: center; width: 130px; height: 98px; overflow: hidden; }
.area .show .list ul li .pic a { }
.area .show .list ul li .pic a img { display: inline; border: 1px solid #FFF; }
.area .show .list ul li .pic a:hover img { border: 1px solid #9CF; }
.area .show .list ul li .info { color: #666; line-height: 150%; height: 65px; overflow: hidden;	 }
.area .show .list ul li .info h4 { color: #83AED6; font-size: 12px; font-weight: normal; }
.area .show .list ul li .info a { color: #09F; }
.area .show .list ul li .info p { padding: 0 0 5px 0; }
.area .show .list ul li .info a:hover { color: #06C; }
.area .show .list ul li .vote { padding: 10px 0 0 0; }
.area .show .list ul li .vote a { background: url(btn_vote1.png) no-repeat 0 0; display: block; width: 59px; height: 24px; line-height: 999px; margin: 0 auto; overflow: hidden; }
.area .show .list ul li .vote a:hover { background: url(btn_vote1.png) no-repeat -59px 0; }
.area .show .weibo { padding: 0 20px; }
.area .show .weibo iframe { margin: 0 0 20px 0; }
.area .show .toplist { padding: 0 20px 18px 20px; }
.area .show .toplist ul { height: 535px; overflow: auto; }
.area .show .toplist ul li { padding: 0 0 5px 0; overflow: hidden; zoom: 1; }
.area .show .toplist ul li .order { color: #FFF; font-family: Verdana, Geneva, sans-serif; font-style: italic; font-weight: bold; font-size: 12px; background: url(top4.jpg) no-repeat; float: left; text-align: center; width: 28px; height: 22px; line-height: 22px; margin: 0 10px 0 0; }
.area .show .toplist ul li.top1 .order { background: url(top1.jpg) no-repeat; }
.area .show .toplist ul li.top2 .order { background: url(top2.jpg) no-repeat; }
.area .show .toplist ul li.top3 .order { background: url(top3.jpg) no-repeat; }
.area .show .toplist ul li .info { color: #666; display: block; float: left; }
.area .show .toplist ul li .info { font-size: 12px; line-height: 22px; }
.area .show .toplist ul li .info a { color: #00A4CC; margin: 0 8px 0 0; }
.area .show .toplist ul li .info a:hover { color: #333; }
.area .show .toplist ul li .info strong { color: #F60; }
.area .show .page-bar { font-size: 14px; background: url(page_bar.png) no-repeat; width: 620px; height: 40px; line-height: 40px; text-align: center; clear: both; overflow: hidden; margin: 0 0 43px 0; }
.area .show .page-bar a { color: #00A4CC; margin: 0 5px; }
.area .show .page-bar a:hover { color: #333; }
.area .page-content { color: #333; background: url(l2.png) repeat-x 0 top; margin: 0 23px; padding: 30px 0 43px 0; }
.area .page-content.none { background: none; }
.area .page-content .text { padding: 0 100px; }
.area .page-content .text h2 { font-size: 28px; font-family: "微软雅黑"; text-align: center; padding: 0 0 20px 0; }
.area .page-content .text h3 { font-size: 24px; font-family: "微软雅黑"; text-align: center; padding: 0 0 10px 0; }
.area .page-content .text p { font-size: 14px; line-height: 160%; padding: 10px 0; }
.area .page-content .text p.pic img { margin: 0 auto; }
.area .page-content .text p.cc { text-align: center; }
.area .page-content .text p.cc img { margin: 0 auto 10px auto; }
.area .page-content .text ul {}
.area .page-content .text ul li { font-size: 14px; padding: 0 0 10px 24px;  }
.area .page-content .pic-list { padding: 20px 0; clear: both; overflow: hidden; zoom: 1; }
.area .page-content .pic-list ul { clear: both; overflow: hidden; }
.area .page-content .pic-list ul li { float: left; width: 128px; height: 116px; text-align: center; padding: 10px; }
.area .page-content .pic-list ul li a { display: block; text-align: center; }
.area .page-content .pic-list ul li a img { margin: 0 auto 5px auto; display: block; }
.area .page-content .work-show {}
.area .page-content .work-show .video { padding: 10px 0; overflow: hidden; }
.area .page-content .video embed, .area .page-content .video object { display: block; margin: 0 auto; }
.area .page-content .work-show .photo { padding: 10px 0; overflow: hidden; }
.area .page-content .work-show .photo img { margin: 0 auto; }
.area .page-content .work-show .summary { color: #666; font-size: 14px; line-height: 160%; padding: 10px 70px; text-indent: 2em; }
.area .page-content .work-show .time { text-align: center; padding: 10px 0; }
.area .page-content .work-show .share { background: #FFF; height: 60px; padding: 20px; margin: 20px 0; border: 1px solid #DDD; }
.area .page-content .work-show .share h5 { color: #F60; font-weight: bold; font-size: 14px; text-align: center; margin: 0; padding: 0 0 5px 0; }
.area .page-content .work-show .share #bdshare { width: 200px; margin: 0 auto; float: none; }
.area .page-content.success { text-align: center; }
.area .page-content.success p.work-url { font-family: Arial; font-weight: bold; font-size: 32px; font-style: italic; }
.area .page-content.success p.work-url a { color: #F60; }
.area .page-content.success p.work-url a:hover { color: #069; }
.area .page-list { color: #333; background: url(l2.png) repeat-x 0 top; margin: 0 23px; padding: 30px 0 43px 0; }
.area .page-list ul { padding: 0 50px; }
.area .page-list ul li { background: url(l3.png) repeat-x 0 bottom; padding: 0 0 21px 0; margin: 0 0 20px 0; }
.area .page-list ul li h4 { color: #666; font-size: 18px; font-family: "微软雅黑"; padding: 0 0 5px 0; }
.area .page-list ul li h4 a { color: #00A4CC; }
.area .page-list ul li h4 a:hover { color: #333; }
.area .page-list ul li h4 span { font-size: 12px; font-family: "宋体"; font-weight: normal; margin: 0 0 0 10px; }
.area .page-list ul li p { color: #333; line-height: 160%; }

.footer { background: url(footer_bg.jpg) repeat-x 0; margin: 20px 0 0 0; height: 370px; }
.footer .inner { background: url(footer_pic.jpg) no-repeat center center; height: 370px; }
.footer .inner p { color: #FFF; text-align: center; font-family: Verdana; padding: 30px 0 0 0; }
